<template>
  <div class="class-tabs">
    <van-tabs v-model:active="active" swipeable>
      <van-tab title="全部">
        <class-option></class-option>
      </van-tab>
      <van-tab v-for="index in 8" :title="'选项 ' + index" :key="index"> 内容 {{ index }} </van-tab>
    </van-tabs>
    <!-- <van-tabs v-model:active="typeActive" scrollspy>
      <van-tab title="全部"></van-tab>
      <van-tab title="剧情"></van-tab>
      <van-tab title="情感"></van-tab>
      <van-tab title="励志"></van-tab>
      <van-tab title="喜剧"></van-tab>
      <van-tab title="爱情"></van-tab>
      <van-tab title="动作"></van-tab>
      <van-tab title="恐怖"></van-tab>
      <van-tab title="恐怖11"></van-tab>
      <van-tab title="恐怖22"></van-tab>
      <van-tab title="恐怖333"></van-tab>
    </van-tabs> -->
  </div>
</template>

<script>
import { ref } from '@vue/reactivity'
import classOption from '@/view/classify/class-components/class-option'
export default {
  components: {
    classOption
  },
  name: 'FissionFriendsH5ClassTabs',
  setup() {
    const active = ref('')
    return {
      active
    }
  }
}
</script>

<style lang="scss" scoped></style>
